
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets" template="/template/main.xhtml">

	<ui:define name="body">
		<h:form prependId="false" id="form">
		
			<p:fieldset style="width:98%; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;" legend="#{messages['filtrar']}" toggleable="true" toggleSpeed="500">	
				<h:panelGrid columns="2">

					<h:outputLabel value="#{messages['pedido.label.cliente']}: " for="cliente" styleClass="text-input" />
					<h:panelGrid columns="2">
						<h:selectOneMenu value="#{clienteExtratoMB.cliente}" id="cliente" style="width: 350px;"
							title="#{messages['pedido.label.cliente']}"
>
							<f:selectItem itemLabel="Selecione" itemValue="" />
	 						<f:selectItems value="#{clienteExtratoMB.clientes}"></f:selectItems>
						</h:selectOneMenu>
						<p:message for="cliente" />
					</h:panelGrid>

					<h:outputLabel value="#{messages['pedido.label.dataEntrega']}: " for="dataInicial" styleClass="text-input" />
					<h:panelGrid columns="5">
						<p:calendar id="dataInicial" value="#{clienteExtratoMB.dataInicial}"  
						   	pattern="#{messages['label.date.pattern']}" navigator="true" showButtonPanel="true"
						   	locale="#{currentLocale}" title="#{messages['pedido.alt.dataEntrega']}" />
						<p:message for="dataInicial" />
						
						<h:outputLabel value=" a " for="dataFinal" styleClass="text-input" />
						<p:calendar id="dataFinal" value="#{clienteExtratoMB.dataFinal}"  
						   	pattern="#{messages['label.date.pattern']}" navigator="true" showButtonPanel="true"
						   	locale="#{currentLocale}" title="#{messages['pedido.alt.dataFinal']}" />
						<p:message for="dataFinal" />
						
					</h:panelGrid>
				</h:panelGrid>

					<h:commandLink actionListener="#{pedidoListMB.carregarPedido}" immediate="true" rendered="#{clienteExtratoMB.isExibirLink()}">
						<a href="ExibeExtratoClienteServlet.jsf" target="_blank" ><font size='2'>Imprimir Extrato</font></a>
						<br/>
						<br/>
					</h:commandLink>


			    <h:commandButton value="#{messages['button.pesquisar']}" action="#{clienteExtratoMB.filtrar}" actionListener="#{clienteExtratoMB.filtrar}" ajax="false" >
		    		<f:ajax execute="form" render="form" />
		    	</h:commandButton>
			</p:fieldset>

			<br />
			<br />
			<br />
			
			<p:fieldset style="width:98%; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;" legend="Extrato do Cliente" toggleable="true" toggleSpeed="500" id="fieldset">	
				<h:panelGrid columns="3">

					<h:outputLabel value="Saldo Anterior: " for="valorSaldoAnterior" styleClass="text-input" />
					<h:outputText value="#{clienteExtratoMB.valorSaldoAnterior}" id="valorSaldoAnterior">
						<f:converter converterId="bigDecimalConversor"/>
					</h:outputText>
					<p:message for="valorSaldoAnterior" />

					<h:outputLabel value="#{messages['recebimento.label.valorDiferencaPeriodo']}: " for="valorDiferencaPeriodo" styleClass="text-input" />
					<h:outputText value="#{clienteExtratoMB.valorDiferencaPeriodo}" id="valorDiferencaPeriodo">
						<f:converter converterId="bigDecimalConversor"/>
					</h:outputText>
					<p:message for="valorDiferencaPeriodo" />

					<p:spacer height="20"></p:spacer>
					<p:spacer></p:spacer>
					<p:spacer></p:spacer>


					<h:outputLabel value="Valor Total Extrato: " for="valorTotalExtrato" styleClass="text-input" />
					<h:outputText value="#{clienteExtratoMB.valorTotalExtrato}" id="valorTotalExtrato">
						<f:converter converterId="bigDecimalConversor"/>
					</h:outputText>
					<p:message for="valorTotalExtrato" />

				
				</h:panelGrid>
				<div style="overflow: auto; width: 100%; height: 200;">
					<p:dataTable id="list" var="bean" value="#{clienteExtratoMB.resultList}">
						
						<p:column style="width:5%;font-size:12;" sortBy="#{bean.id}">
							<f:facet name="header">#{messages['pedido.label.id']}</f:facet>
							<h:outputText value="#{bean.id}" />
						</p:column>
		
						<p:column style="font-size:12;" sortBy="#{bean.cliente}">
							<f:facet name="header">#{messages['pedido.label.cliente']}</f:facet>
								<h:outputText value="#{bean.cliente.nome}" />
								
						</p:column>
		
						<p:column style="font-size:12;" sortBy="#{bean.usuario}">
							<f:facet name="header">#{messages['pedido.label.usuario']}</f:facet>
								<h:outputText value="#{bean.usuario.nome}" />
								
						</p:column>
								
						<p:column style="font-size:12;" sortBy="#{bean.dataCadastro}">
							<f:facet name="header">#{messages['pedido.label.dataCadastro']}</f:facet>
								<h:outputText value="#{bean.dataCadastro}"  converter="dateConverter"  />
								
						</p:column>
								
						<p:column style="font-size:12;" sortBy="#{bean.dataEntrega}">
							<f:facet name="header">#{messages['pedido.label.dataEntrega']}</f:facet>
								<h:outputText value="#{bean.dataEntrega}"  converter="dateConverter"  />
								
						</p:column>
		
						<p:column style="font-size:12;" sortBy="#{bean.statusPedido}">
							<f:facet name="header">#{messages['pedido.label.statusPedido']}</f:facet>
								<h:outputText value="#{bean.statusPedido.descricao}" />
								
						</p:column>
								
						<p:column style="font-size:12;" sortBy="#{bean.valorTotalPedido}">
							<f:facet name="header">#{messages['pedido.label.valorTotalPedido']}</f:facet>
								<h:outputText value="#{bean.valorTotalPedido}"  converter="bigDecimalConversor"  />
						</p:column>
					</p:dataTable>
				</div>

					<h:outputLabel value="#{messages['recebimento.label.valorPedidos']}: " for="valorPedidos2" styleClass="text-input" />
					<h:outputText value="#{clienteExtratoMB.valorPedidos}" id="valorPedidos2">
						<f:converter converterId="bigDecimalConversor"/>
					</h:outputText>
					<p:message for="valorPedidos2" />

			</p:fieldset>
			
			
			<h:panelGrid columns="2">   
			         <h:commandLink immediate="true">  
			            <input type="button" title="Exportar" value="Exportar"/>  
			            <p:dataExporter postProcessor="#{clienteExtratoMB.postProcessXLS}" type="xls" target="list" fileName="dados_exportados"  />  
			        </h:commandLink>
			</h:panelGrid>

			<br />
			
			<p:fieldset style="width:98%; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;" legend="Extrato do Cliente" toggleable="true" toggleSpeed="500" id="fieldset2">	
				<h:panelGrid columns="3">
				
				</h:panelGrid>
				<div style="overflow: auto; width: 100%; height: 200;">
					<p:dataTable id="listRecebimentos" var="recebimento" value="#{clienteExtratoMB.listaRecebimentos}">
						
						<p:column style="width:5%;font-size:12;" sortBy="#{recebimento.cliente.nome}">
							<f:facet name="header">#{messages['pedido.label.id']}</f:facet>
							<h:outputText value="#{recebimento.cliente.nome}" />
						</p:column>
		
						<p:column style="font-size:12;" sortBy="#{recebimento.cliente.nome}">
							<f:facet name="header">#{messages['pedido.label.cliente']}</f:facet>
								<h:outputText value="#{recebimento.cliente.nome}" />
						</p:column>
		
						<p:column style="font-size:12;" sortBy="#{recebimento.usuario.nome}">
							<f:facet name="header">#{messages['pedido.label.usuario']}</f:facet>
								<h:outputText value="#{recebimento.usuario.nome}" />
						</p:column>
								
						<p:column style="font-size:12;" sortBy="#{recebimento.dataRecebimento}">
							<f:facet name="header">#{messages['recebimento.label.dataRecebimento']}</f:facet>
								<h:outputText value="#{recebimento.dataRecebimento}"  converter="dateConverter"  />
						</p:column>
								
						<p:column style="font-size:12;" sortBy="#{recebimento.formaRecebimento.descricao}">
							<f:facet name="header">#{messages['recebimento.label.formaRecebimento']}</f:facet>
								<h:outputText value="#{recebimento.formaRecebimento.descricao}"  />
								
						</p:column>
		
						<p:column style="font-size:12;" sortBy="#{recebimento.valorTotalRecebimento}">
							<f:facet name="header">#{messages['recebimento.label.valorTotalRecebimento']}</f:facet>
								<h:outputText value="#{recebimento.valorTotalRecebimento}" converter="bigDecimalConversor" />
								
						</p:column>
					</p:dataTable>
				</div>
				
					<h:outputLabel value="#{messages['recebimento.label.totalRecebimento']}: " for="valorRecebimentos2" styleClass="text-input" />
					<h:outputText value="#{clienteExtratoMB.valorRecebimentos}" id="valorRecebimentos2">
						<f:converter converterId="bigDecimalConversor"/>
					</h:outputText>
					<p:message for="valorRecebimentos2" />

				
			</p:fieldset>
			
			<br/>
			<br/>
			<h:panelGrid columns="2">   
			         <h:commandLink immediate="true">  
			            <input type="button" title="Exportar" value="Exportar"/>  
			            <p:dataExporter postProcessor="#{clienteExtratoMB.postProcessXLSRecebimentos}" type="xls" target="listRecebimentos" fileName="dados_exportados"  />  
			        </h:commandLink>

			</h:panelGrid>
			
		</h:form>

	</ui:define>
</ui:composition>